import QRCode from 'qrcode'

export function createQRCode(canvas, info) {
  const opts = {
    errorCorrectionLevel: 'H',
    type: 'image/jpeg',
    quality: 0.3,
    margin: 1,
    color: {
      dark: '#123456',
      light: '#def'
    }
  }

  QRCode.toCanvas(canvas, info, opts, function (error) {
    if (error) console.error(error)
    console.log('QRCode createSuccess!')
  })
}

export function barcode(imageEl) {
  // 手机浏览器支持此api

  // 检查兼容性
  if (!('BarcodeDetector' in globalThis)) {
    console.log('此浏览器不支持条形码检测器。')
  } else {
    console.log('条形码检测器是支持的！')

    // 创建新检测器
    const barcodeDetector = new BarcodeDetector({
      formats: ['code_39', 'codabar', 'ean_13']
    })

    // 检查支持的类型
    BarcodeDetector.getSupportedFormats().then((supportedFormats) => {
      supportedFormats.forEach((format) => console.log(format))
    })

    barcodeDetector
      .detect(imageEl)
      .then((barcodes) => {
        barcodes.forEach((barcode) => console.log(barcode.rawValue))
      })
      .catch((err) => {
        console.log(err)
      })
  }
}
